/* pages/goods/submit.wxss */
page {
    background: #f5f5f5;
}
.tabs {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #fff;
    border-bottom: 1px solid #f7f7f7;
}
.tabs view {
    width: 50%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.tabs view image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 20rpx;
}
.tabs view text {
    font-size: 28rpx;
    color: #333;
}
.tabs view.active:after {
    content: '';
    width: 60%;
    height: 4rpx;
    background-color: linear-gradient(45deg,#ff9700,#ed1c24);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
.addrcontent {
    width: 100%;
    min-height: 130rpx;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    overflow: hidden;
}
.addrcontent > image {
    width: 100%;
    height: 18rpx;
}
.addrcontent > view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20rpx;
}
.addrcontent > view > image {
    width: 13rpx;
    height: 21rpx;
    margin-right: 20rpx;
}
.addrcontent > view view {
    width: 90%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.addrcontent > view view .addr {
    width: 100%;
    height: 130rpx;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    padding: 0 0 20rpx;
}
.addrcontent > view view .addr view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.addrcontent > view view .addr view text {
    color: #333;
    font-size: 32rpx;
}
.addrcontent > view view image {
    width: 20rpx;
    height: 26rpx;
    margin: 0 20rpx;
}
.addrcontent > view view text {
    color: #333;
}
.noaddr {
    width: 100%;
    height: 90rpx;
    background-color: #07c160;
    display: flex;
    align-items: center;
    justify-content: center;
}
.noaddr text {
    font-size: 30rpx;
    color: #fff;
    text-align: center;
}
.goods {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    background: #fff;
    margin-top: 30rpx;
    overflow: hidden;
}
.goods .shoptitle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20rpx 0 0 20rpx;
}
.goods .shoptitle text {
    margin: 0 20rpx;
}
.goods .shoptitle image:nth-child(1) {
    width: 43rpx;
    height: 41rpx;
}
.goods .shoptitle image:nth-child(3) {
    width: 10rpx;
    height: 18rpx;
}
.goods .goodslist {
    width: 100%;
    height: 230rpx;
    display: flex;
    align-items: center;
    justify-content: flex;
}
.goods .goodslist image {
    width: 170rpx;
    height: 170rpx;
    margin: 0 30rpx;
}
.goods .goodslist .msgs {
    width: 500rpx;
    height: 170rpx;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
.goods .goodslist .msgs > text:nth-child(1) {
    color: #333;
    text-align: justify;
}
.goods .goodslist .msgs > text:nth-child(2) {
    color: #999;
    font-size: 24rpx;
    margin-top: -25rpx;
}
.goods .goodslist .msgs view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.goods .goodslist .msgs view text:nth-child(1) {
    color: '#ed1c24';
    font-size: 28rpx;
}
.goods .goodslist .msgs view text:nth-child(2) {
    color: #333;
    font-weight: bold;
    font-size: 26rpx;
}
.lists {
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.slist {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
}
.slist text {
    padding: 0 20rpx;
    color: #333;
}
.liuyan {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #f5f5f5;
}
.liuyan text {
    padding: 0 20rpx;
    color: #333;
}
.liuyan input {
    font-size: 28rpx;
    margin-left: 30rpx;
    color: #999;
}
.price {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #f5f5f5;
}
.price text {
    color: #333;
    font-size: 28rpx;
}
.price text text {
    color: '#ed1c24';
    padding-right: 20rpx;
    font-weight: bold;
}
.bottom {
    width: 100%;
    position: fixed;
    z-index: 9990;
    bottom: 0;
    left: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.bottom > text:nth-child(1) {
    font-size: 28rpx;
    color: #333;
}
.bottom > text:nth-child(1) text {
    font-size: 30rpx;
    font-weight: bold;
    color: '#ed1c24';
}
.bottom > text:nth-child(2) {
    display: block;
    height: 100rpx;
    width: 300rpx;
    background: linear-gradient(45deg,#ff9700,#ed1c24);;
    color: #fff;
    line-height: 100rpx;
    text-align: center;
    margin-left: 20rpx;
}
.tan {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
}
.tan .shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9992;
}
.tan .content {
    width: 100%;
    min-height: 428rpx;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9993;
    background-color: #fff;
    border-radius: 16rpx 16rpx 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tan .content .title {
    width: 90%;
    height: 90rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tan .content .title image {
    width: 24rpx;
    height: 24rpx;
}
.tan .content .title text {
    font-size: 28rpx;
    color: #838280;
}
.tan .content radio-group {
    width: 90%;
    margin: 0 auto;
}
.tan .content .tlist {
    width: 90%;
    height: 90rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f8f8f8;
}
.tan .content .tlist view {
    display: flex;
    align-items: center;
}
.tan .content .tlist view image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 82rpx;
}
.tan .content .tlist view text {
    font-size: 28rpx;
    color: #000;
}
.tan .btns {
    width: 90%;
    margin: 100rpx auto 0;
    border-radius: 25px;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    font-size: 32rpx;
    color: #fff;
    background: linear-gradient(45deg,#ff9700,#ed1c24);
    margin-top: 50rpx;
}
.payway {
    width: 100%;
    margin: 0 auto;
    border-bottom: 20rpx solid #f3f3f3;
}
.payway > text {
    font-size: 32rpx;
    color: #000;
    text-align: left;
    line-height: 104rpx;
}
.payway .paylist {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 36rpx auto;
}
.payway .paylist image:nth-child(1) {
    width: 42rpx;
    height: 42rpx;
}
.payway .paylist text {
    font-size: 32rpx;
    color: #000;
    flex: 2;
    margin-left: 40rpx;
}
.payway .paylist text text {
    font-size: 24rpx;
    color: #999;
    margin-left: 30rpx;
}
.payway .paylist image:nth-child(3) {
    width: 46rpx;
    height: 46rpx;
}
